<template>
  <u-navbar
    :title="title"
    @rightClick="rightClick"
    :autoBack="true"
    :bgColor="bgColor"
    :titleStyle="{ color }"
    :leftIconColor="leftcolor || color"
    :placeholder="placeholder"
  >
  </u-navbar>
</template>

<script>
export default {
  props: {
    title: {
      type: [String],
      default: 'title'
    },
    bgColor: {
      type: [String],
      default: 'transparent'
    },
    placeholder: {
      type: [Boolean],
      default: true
    },
    color: {
      type: [String],
      default: '#fff'
    },
    leftcolor: {
      type: [String],
      default: ''
    }
  },
  data () {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.jlfa {
  color: rgb(255, 255, 255);
}
</style>
